<template>
  <div class="parent">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>卡片名称</span>
      </div>
      <div class="text item">
        用户名: {{userName}}
      </div>
      <div class="text item">
        密码: {{password}}
      </div>
    </el-card>
  </div>
</template>
<script>
export default {
  data () {
    return {
      userName: '',
      password: ''
    }
  },
  created () {
    console.log(sessionStorage.getItem('userInfo'))
  }
}
</script>
<style scoped lang="less">
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 480px;
  }
</style>
